﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="menu.aspx.cs" Inherits="menu" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
<script type="text/javascript">
<!--
    $(function () {
        var urlNavigate = new BindNavigate("urlList");
        urlNavigate.bind();
    });
    var Navigate={};
    function BindNavigate(className)  
    {  
        this.className = className;  
        this.bind = function(){  
            //隐藏超链接  
            $("."+className).find("a").each(function(){  
            $(this).addClass("nav_sonItem").addClass("nav_up");  
            $(this).hide();  
        });  
        //将text转成按钮  
        $("."+className).find("li").each(function(){  
            var title=$(this).attr("text");  
            var btn=$("<a class='nav_up nav_top' href='###'>"+title+"</a>");  
            $(this).prepend(btn); //添加标题  
            $(this).append("<div class='clear'></div>"); //去除浮动  
            $(btn).toggle(function(){   //标题点击事件  
                if($(this).eq("a:not(:first)").length>0)  
                {  
                    $(this).eq("a:not(:first)").show();  
                    $(this).removeClass("nav_up").addClass("nav_down");  
                }  
            },function(){  
                if($(this).eq("a:not(:first)").length>0)  
                {  
                    $(this).eq("a:not(:first)").hide();  
                    $(this).addClass("nav_up").removeClass("nav_down");  
                }  
            });  
        });  
    };
}
//-->
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<div id="urlList">
    <ul>
        <li> <a href="www.baidu.com">百度</a></li>
        <li> <a href="www.google.com">谷歌</a></li>
        <li> <a href="www.yahoo.com">雅虎</a></li>
        <li> <a href="www.sina.com">新浪</a></li>
    </ul>
   



</div>
</asp:Content>

